* {box-sizing: border-box;}

.column { float: left; padding: 10px; }
.left { width: 70%; }
.right { width: 30%; }
.row:after { content: ""; display: table; clear: both; }
@media screen and (max-width: 983px) {.column { width: 100%; }}

.column#team { float: middle; width: 25%; padding: 5px; }
.row#team:after { content: ""; display: table; clear: both; }

@media screen and (max-width: 983px) {.column#team { width: 50%; }}
@media screen and (max-width: 599px) {.column#team { width: 100%; }}

.column#schedule { float: middle; width: 33.333%; padding: 10px; }
.row#schedule:after { content: ""; display: table; clear: both;}
.row#schedule li:nth-child(3) {border: 0;}

@media screen and (max-width: 983px) {.column#schedule { width: 100%; }}

body {
  background-image: url("https://jbu_ftp.sidearmsports.com/custompages/css/gameday/background-blue-repeat.jpg");
  background-repeat: repeat;
  background-color: #eeef0;
}

h2 {color: #191d4a !important;}

h2::after {
  background: linear-gradient(to right, #004990 0px, #004990 10px, #d52130 10px, #d52130 80px);
  bottom: 10px;
  display: block;
  content: "";
  height: 2px;
  margin: 10px 0 20px 0;
  width: 80px;
}

h3 {color: #191d4a; margin-top: 10px;}

h3::after {
  background: #83b231;
  bottom: 10px;
  display: block;
  content: "";
  height: 2px;
  margin: 10px 0 20px 0;
  width: 60px;
}

.main-container { padding: 0; }
.main { width: 100%; display: block; object-fit: cover; object-position: bottom; overflow: hidden; }

#live {padding-top: 140px; margin-top: -140px;}

.more-info { background-color: #eeeef0; border: 1px solid #dfdfe1; padding: 5px; }

.hero { padding: 0; width: 100%; position: relative; overflow: hidden; transition: transform .1s, visibility .1s ease-in; }
.hero img { display: inline-block; transition: all .5s; vertical-align: bottom; max-width: 100%; height: auto; }
.hero img:hover { transform: scale(1.15); }

ul.hero { list-style-type: none; background: #fdfdff; margin: 0 0 15px 0 !important; padding: 0 !important; }
ul.hero li:not(:first-child) { border-top: 0; }
ul.hero li { padding: 7.5px 7.5px 7.5px 10.5px; border: 1px solid #dfdfe1; color: #171717; }

ul.hero a { text-decoration: none !important; color: #171717; transition-duration: .25s; }
ul.hero a:hover { padding-left: 7.5px; filter: brightness(1.75); }
ul.hero i { margin-right: 7.5px; font-size: 12px; vertical-align: 1px; }

.fa-ticket-alt { transform: rotate(-40deg) !important; }
.fa-whistle { transform: rotate(-50deg) !important; }

#jbu-hover:hover { background-color: #124e84; } #hastings-hover:hover { background-color: #fff; } #friends-hover:hover { background-color: #221f1f; }